<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="/static/mall/css/iconfont.css">
    <link rel="stylesheet" href="/static/mall/css/global.css">
    <link rel="stylesheet" href="/static/mall/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/mall/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/static/mall/css/swiper.min.css">
    <link rel="stylesheet" href="/static/mall/css/styles.css">
    <script src="/static/mall/js/jquery.1.12.4.min.js" charset="UTF-8"></script>
    <script src="/static/mall/js/bootstrap.min.js" charset="UTF-8"></script>
    <script src="/static/mall/js/swiper.min.js" charset="UTF-8"></script>
    <script src="/static/mall/js/global.js" charset="UTF-8"></script>
    <script src="/static/mall/js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
    <title>农资商贸销售系统</title>
</head>
<body>
<!-- 顶部tab -->
<!-- 头部信息 -->
<div class="tab-header">
    <div class="inner">
        <div class="pull-left">
            <div class="pull-left">嗨，欢迎来到 <a href="../index"><span class="cr">农资商城销售系统</span></a></div>
        </div>
        <div class="pull-right">
            <a href="../login" th:if="${userinfo?.id == null}"><span class="cr">登录|注册</span></a>
            <a th:if="${userinfo?.id != null}" href="../userSetting"><span class="cr"
                                                                           th:text="${userinfo.username}"></span></a>
            <a th:if="${userinfo?.id != null}" href="../logout"><span class="cr">退出</span></a>
            <a href="../userOrder">我的订单</a>
        </div>
    </div>
</div>

<!-- 顶部标题 -->
<div class="bgf5 clearfix">
    <div class="top-user">
        <div class="inner">
            <a style="left: -22px;top: 15px;width: 246px;height: 188px;" class="logo" href="../index"><img
                    src="/static/mall/images/icons/logo.png" alt="农资商贸销售系统" class="cover"></a>
            <div class="title">个人中心</div>
        </div>
    </div>
</div>

<div class="content clearfix bgf5">
    <section class="user-center inner clearfix">
        <div class="user-content__box clearfix bgf">
            <div class="title">支付状态！！！</div>
            <div class="modify-success__box text-center">
                <div class="icon b-r50"><i class="iconfont icon-checked cf fz24"></i></div>
                <div class="text c6" >支付成功，你的订单已成功支付！！！</div>
                <a href="../userOrder" class="btn">请点击这里跳转到订单页面！！！</a>
            </div>
        </div>
    </section>
</div>

<!-- 右侧菜单 -->
<div class="right-nav">
    <ul class="r-with-gotop">
        <li class="r-toolbar-item">
            <a href="../userSetting" class="r-item-hd">
                <i class="iconfont icon-user"></i>
                <div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="../cart" class="r-item-hd">
                <i class="iconfont icon-cart"></i>
                <div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
            </a>
        </li>
        <li class="r-toolbar-item to-top">
            <i class="iconfont icon-top"></i>
            <div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
        </li>
    </ul>
    <script>
        $(document).ready(function () {
            // 顶部banner轮播
            var banner_swiper = new Swiper('.banner-box', {
                autoplayDisableOnInteraction: false,
                pagination: '.banner-box .swiper-pagination',
                paginationClickable: true,
                autoplay: 5000,
            });
            // 楼层导航自动 active
            $.scrollFloor();
            // 页面下拉固定楼层导航
            $('.floor-nav').smartFloat();
            $('.to-top').toTop({position: false});
        });
    </script>
</div>

<!-- 底部信息 -->
<div th:replace="~{mall/common :: footer}"></div>
</body>
</html>